
#appname {
	text-indent:		-9999px;
	background:			transparent url(../images/logo.png) no-repeat center top;
	height:				100px;
	margin:				30px 0;
	
	
}

.userinfo {
	margin-bottom:		30px;
	padding:			0 20px;
  background-color: #c9ecf5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9ecf5), to(#83a6c7)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #c9ecf5, #83a6c7); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #c9ecf5, #83a6c7); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #c9ecf5, #83a6c7); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #c9ecf5, #83a6c7); /* Firefox 16+, IE10, Opera 12.50+ */
	font:				9pt Verdana;
	height:				70px;
	display:			block;
	text-decoration:	none;
	color:				black;
}

.userinfo .usertext{
	overflow:			hidden;
	text-overflow: 		ellipsis;
}

.userinfo h2 {
	margin:				1em 0 0.2em 0;
	font-size:			11pt;
	font-weight:		bolder;
	overflow:			hidden;
	text-overflow: 		ellipsis;
}

.userlogo {
	float: 				left;
	height:				80px;
	width:				80px;
	margin:				6px;
	padding:			4px;
	position:			relative;
	top:				-20px;
	left:				-10px;
	background-color:	white;
	  -webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 1px 0px #292929; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 1px 0px #292929; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
		  
  background-color: #b8f0ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8f0ff), to(#d6f7ff)); /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, #b8f0ff, #d6f7ff); /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #b8f0ff, #d6f7ff); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #b8f0ff, #d6f7ff); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #b8f0ff, #d6f7ff); /* Firefox 16+, IE10, Opera 12.50+ */
}

.debug-info {
	width:				100%;
	background-color:	rgba(94,11,11,0.7);
}

.debug-info pre, .debug-info b {
	margin:				0 25px;
	color:				white;
	font:				10pt Verdana;
}

.debug-info b {
	font-size:			14pt !important;
}

.debug-info pre {
	margin-left:		50px;
	color:				silver;
	overflow:			auto;
}

#menu {
	width:			20%;
	/*max-width:		250px;*/
	float:			left;
	background:		black url(menu-background.png);
	height:			100%;
	
	overflow-y:		auto;
	overflow-x:		hidden;
	
	-webkit-box-shadow: 0px 0px 10px 2px #000; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	box-shadow: 0px 0px 10px 2px #000; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
	
}

#menu li {
	background-color:	rgba(40,39,40,0.7);
	font:				14pt Verdana;
	border-bottom:		2px solid #282728;
}

#menu li a {
	color:				#eee;
	font:				18pt Verdana;
	line-height:		2em;
	text-decoration:	none;
	margin-left:		25px;
	display:			block;
}


#menu li:hover {
	background-color:	#035071;
}